<template>
  <layout-watermark>
    <el-container class="layout-default">
      <el-header>
        <div class="navbar">
          <div class="logo">Logo</div>
          <div class="menu">Menu</div>
          <div class="user">User</div>
        </div>
      </el-header>
      <el-container>
        <!-- <el-aside class="aside" style="width: auto">
          aside
        </el-aside> -->
        <el-main class="main">
          <slot />
        </el-main>
      </el-container>
    </el-container>
  </layout-watermark>
</template>
<script lang="ts" setup></script>
<style lang="scss" scoped>
.layout-default {
  min-height: 100vh;
}
.main {
  max-width: 1400px;
  margin: 0 auto;
}
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  height: 60px;
}
</style>
